// import React, { Component } from 'react'
// import "./css/App4.css"
import {useState} from 'react'
// export default class App4 extends Component {
//   render() {
//     return (
//       <div className='box'>
//         <button onClick={this.btnClick.bind(this,1)}>按钮1</button>
//         <button onClick={this.btnClick.bind(this,2)}>按钮2</button>
//       </div>
//     )
//   }
//   btnClick(num){
//     console.log(num);
//   }
// }
const App4 = () => {

    const [msg,setMsg] = useState('你好世界')
    const [num,setNum] = useState(1)
    const fn = ()=>setMsg("hello")
  return (
    <>
      <h2>{msg}</h2>
      <button onClick={fn}>修改</button>
      <hr />
      <h2>{num}</h2>
      <button onClick={()=>setNum(num+1)}>修改</button>

    </>
  );
};
export default App4;
// 1.-函数式组件没有生命周期
// 2.·函数式组件没有this
// 3.-函数式组件没有state状态
